//src/APP.vue

<template>
<div id="list-rendering">
  <ol>
    <li v-for="todo in todos" :key="todo.id">
      {{ todo.text }}
    </li>
  </ol>
</div>
</template>

<script lang="ts">

export default {
  name: 'App',
  data() {
    return {
      todos: [
        { text: 'Learn JavaScript', id:0 },
        { text: 'Learn Vue', id:1 },
        { text: 'Build something awesome', id:2 }
      ]
    }
  }
}
</script>